.wrapper {
  max-width: 1200px;
  min-height: 100%;
}

.navPusher {
  display: inline;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sideNavVisible .navPusher .mainContainer {
  max-width: 100%;
}

.mainContainer .wrapper .post header h1 {
  margin-bottom: 1em;
}

.mainContainer .wrapper .post h1 {
  margin-top: 1em;
  margin-bottom: 0.2em;
  font-size: 200%;
}

.mainContainer .wrapper .post h2 {
  font-size: 150%;
}

.mainContainer .wrapper .post h3 {
  text-transform: uppercase;
  font-size: 100%;
}

.mainContainer .wrapper p {
  max-width: 100%;
  padding-top: 0;
}

.mainContainer .wrapper code {
  font-family: monospace;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

.mainContainer .wrapper pre code {
  padding: 10px 10px 10px 10px;
}

.docsNavContainer {
  margin: 65px 40px 0 0;
}

.docMainWrapper {
  margin-bottom: 0;
}

.mainContainer .wrapper .post {
  padding: 1em;
}

.container .gridBlock .blockContent p {
  font-size: 30px;
  line-height: 1em;
}

.productShowcaseSection p {
  max-width: 1000px;
}

.docs-prevnext {
  margin-top: 10px;
  margin-bottom: 100px;
}

code {
  box-shadow: none;
  padding: 0;
}

nav.toc .toggleNav ul li a {
  color: #808080;
}

footer.nav-footer {
  background: #2d2020;
  line-height: 42px;
  box-shadow: none;
  padding-top: 1em;
  padding-bottom: 0;
}

footer.nav-footer .sitemap {
  margin: 0 auto;
  max-width: 90%;
}

@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (min-width: 1400px) {
}

@media only screen and (min-width: 1500px) {
}

article a {
  text-decoration: underline;
}
